{% extends "layouts/base.html" %}
{% load static i18n %}

{% block content %}
<div class="container py-5">
  <div class="card border-0 shadow-lg rounded-4">
    <div class="card-header bg-primary text-white rounded-top-4 py-3 px-4">
      <h4 class="mb-0 fw-bold">{% trans "Cadastro de Códigos Promocionais" %}</h4>
    </div>
    <div class="card-body px-5 py-4">
      <form method="post">
        {% csrf_token %}
        <div class="mb-3">
          {{ form.as_p }}
        </div>
        <button type="submit" class="btn btn-success rounded-pill w-100">{% trans "Cadastrar Promoção" %}</button>
      </form>

      <hr class="my-4">

      <h5 class="fw-bold">{% trans "Códigos Cadastrados" %}</h5>
      <ul class="list-group">
        {% for promo in promotions %}
          <li class="list-group-item d-flex justify-content-between align-items-center">
            <div>
              <strong>{{ promo.codigo }}</strong> — {{ promo.desconto_percentual }}% — até {{ promo.validade|date:"d/m/Y" }}
            </div>
            <span class="badge {% if promo.ativo %}bg-success{% else %}bg-secondary{% endif %}">
              {% if promo.ativo %}{% trans "Ativo" %}{% else %}{% trans "Inativo" %}{% endif %}
            </span>
          </li>
        {% empty %}
          <li class="list-group-item">{% trans "Nenhuma promoção cadastrada." %}</li>
        {% endfor %}
      </ul>
    </div>
  </div>
</div>
{% endblock %}
